<template>
  <div id='tmpl'>
      <div class="title">
          <h4 v-text="info.title"></h4>
          <p>{{info.add_time | datafmt("YYYY-MM-DD")}} 点击数 {{info.click}}</p>
      </div>
      <div id="content" v-html="info.content">
        
      </div>
      <comment :id="id"></comment>
  </div>
</template>
<script>
  import common from "../../kits/common.js";
  import comment from "../subcom/comment.vue";  
export default {
    components:{
        comment,
    },
  data () {
    return {
            id:0,
        info:{}
    };
  },
  created(){
    //   console.log(this.$route.params);
      this.id=this.$route.params.id;
      this.getinfo();
  },
  methods:{
      getinfo(){
          var url=common.apidomain+"/api/getnew/"+this.id;
          this.$http.get(url).then(function(response){
              var body=response.body;
              if(body.status != 0){
                  alert(body.message);
                  return;
              };
              this.info=body.message[0];
          });
      }
      /**
       * {
"status": 0,
"message": [
{
"id": 13,
"title": "1季度多家房企利润跌幅超50% 去库存促销战打响",
"click": 1,
"add_time": "2015-04-16T03:50:28.000Z",
"content": 
       */
  }
}
</script>
<style lang="css" scoped>
.title h4{
    color:#0094ff;
}
.title p{
    color:rgba(0,0,0,0.5);
}
.title,#content{
    padding:5px;
}
</style>